<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Meteocons</title>

    <style>
        body {
            font-family: sans-serif;
            margin: 0;
            padding: 10px 20px;
            text-align: center;
        }
        .preview {
            width: 100px;
            display: inline-block;
            margin: 10px;
        }
        .preview .inner {
            display: inline-block;
            width: 100%;
            text-align: center;
            background: #f5f5f5;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
        }
        .preview .inner  {
            line-height: 85px;
            font-size: 40px;
            color: #333;
        }
        .label {
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            padding: 5px;
            font-size: 10px;
            font-family: Monaco, monospace;
            color: #666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            background: #ddd;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            color: #666;
        }
    </style>

    <link rel="stylesheet" type="text/css" href="Meteocons.css" />
</head>
<body>

    <h1>Meteocons</h1>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_alert-avalanche-danger"></i>
            </span>
            <br>
            <span class='label'>wi_alert-avalanche-danger</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_alert-falling-rocks"></i>
            </span>
            <br>
            <span class='label'>wi_alert-falling-rocks</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_barometer"></i>
            </span>
            <br>
            <span class='label'>wi_barometer</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_beanie"></i>
            </span>
            <br>
            <span class='label'>wi_beanie</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_celsius"></i>
            </span>
            <br>
            <span class='label'>wi_celsius</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_clear-day"></i>
            </span>
            <br>
            <span class='label'>wi_clear-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_clear-night"></i>
            </span>
            <br>
            <span class='label'>wi_clear-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_cloud-down"></i>
            </span>
            <br>
            <span class='label'>wi_cloud-down</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_cloud-up"></i>
            </span>
            <br>
            <span class='label'>wi_cloud-up</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_cloudy"></i>
            </span>
            <br>
            <span class='label'>wi_cloudy</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_code-green"></i>
            </span>
            <br>
            <span class='label'>wi_code-green</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_code-orange"></i>
            </span>
            <br>
            <span class='label'>wi_code-orange</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_code-red"></i>
            </span>
            <br>
            <span class='label'>wi_code-red</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_code-yellow"></i>
            </span>
            <br>
            <span class='label'>wi_code-yellow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_compass"></i>
            </span>
            <br>
            <span class='label'>wi_compass</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_dust-day"></i>
            </span>
            <br>
            <span class='label'>wi_dust-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_dust-night"></i>
            </span>
            <br>
            <span class='label'>wi_dust-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_dust-wind"></i>
            </span>
            <br>
            <span class='label'>wi_dust-wind</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_dust"></i>
            </span>
            <br>
            <span class='label'>wi_dust</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-fog"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-hail"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-haze"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-rain"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day-snow"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-day"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-fog"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-hail"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-haze"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-fog"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-hail"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-haze"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-rain"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night-snow"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-night"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-rain"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme-snow"></i>
            </span>
            <br>
            <span class='label'>wi_extreme-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_extreme"></i>
            </span>
            <br>
            <span class='label'>wi_extreme</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_fahrenheit"></i>
            </span>
            <br>
            <span class='label'>wi_fahrenheit</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_falling-stars"></i>
            </span>
            <br>
            <span class='label'>wi_falling-stars</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_flag-gale-warning"></i>
            </span>
            <br>
            <span class='label'>wi_flag-gale-warning</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_flag-hurricane-warning"></i>
            </span>
            <br>
            <span class='label'>wi_flag-hurricane-warning</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_flag-small-craft-advisory"></i>
            </span>
            <br>
            <span class='label'>wi_flag-small-craft-advisory</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_flag-storm-warning"></i>
            </span>
            <br>
            <span class='label'>wi_flag-storm-warning</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_fog-day"></i>
            </span>
            <br>
            <span class='label'>wi_fog-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_fog-night"></i>
            </span>
            <br>
            <span class='label'>wi_fog-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_fog"></i>
            </span>
            <br>
            <span class='label'>wi_fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_glove"></i>
            </span>
            <br>
            <span class='label'>wi_glove</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_hail"></i>
            </span>
            <br>
            <span class='label'>wi_hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_haze-day"></i>
            </span>
            <br>
            <span class='label'>wi_haze-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_haze-night"></i>
            </span>
            <br>
            <span class='label'>wi_haze-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_haze"></i>
            </span>
            <br>
            <span class='label'>wi_haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_horizon"></i>
            </span>
            <br>
            <span class='label'>wi_horizon</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_humidity"></i>
            </span>
            <br>
            <span class='label'>wi_humidity</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_hurricane"></i>
            </span>
            <br>
            <span class='label'>wi_hurricane</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_lightning-bolt"></i>
            </span>
            <br>
            <span class='label'>wi_lightning-bolt</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_mist"></i>
            </span>
            <br>
            <span class='label'>wi_mist</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-first-quarter"></i>
            </span>
            <br>
            <span class='label'>wi_moon-first-quarter</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-full"></i>
            </span>
            <br>
            <span class='label'>wi_moon-full</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-last-quarter"></i>
            </span>
            <br>
            <span class='label'>wi_moon-last-quarter</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-new"></i>
            </span>
            <br>
            <span class='label'>wi_moon-new</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-waning-crescent"></i>
            </span>
            <br>
            <span class='label'>wi_moon-waning-crescent</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-waning-gibbous"></i>
            </span>
            <br>
            <span class='label'>wi_moon-waning-gibbous</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-waxing-crescent"></i>
            </span>
            <br>
            <span class='label'>wi_moon-waxing-crescent</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moon-waxing-gibbous"></i>
            </span>
            <br>
            <span class='label'>wi_moon-waxing-gibbous</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moonrise"></i>
            </span>
            <br>
            <span class='label'>wi_moonrise</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_moonset"></i>
            </span>
            <br>
            <span class='label'>wi_moonset</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_not-available"></i>
            </span>
            <br>
            <span class='label'>wi_not-available</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-fog"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-hail"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-haze"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-rain"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day-snow"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-day"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-fog"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-hail"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-haze"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-fog"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-hail"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-haze"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-rain"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night-snow"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-night"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-rain"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast-snow"></i>
            </span>
            <br>
            <span class='label'>wi_overcast-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_overcast"></i>
            </span>
            <br>
            <span class='label'>wi_overcast</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-fog"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-hail"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-haze"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-rain"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day-snow"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-day"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-drizzle"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-drizzle</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-fog"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-fog</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-hail"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-hail</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-haze"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-haze</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-rain"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-sleet"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-smoke"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night-snow"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_partly-cloudy-night"></i>
            </span>
            <br>
            <span class='label'>wi_partly-cloudy-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pollen-flower"></i>
            </span>
            <br>
            <span class='label'>wi_pollen-flower</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pollen-grass"></i>
            </span>
            <br>
            <span class='label'>wi_pollen-grass</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pollen-tree"></i>
            </span>
            <br>
            <span class='label'>wi_pollen-tree</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pollen"></i>
            </span>
            <br>
            <span class='label'>wi_pollen</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pressure-high-alt"></i>
            </span>
            <br>
            <span class='label'>wi_pressure-high-alt</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pressure-high"></i>
            </span>
            <br>
            <span class='label'>wi_pressure-high</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pressure-low-alt"></i>
            </span>
            <br>
            <span class='label'>wi_pressure-low-alt</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_pressure-low"></i>
            </span>
            <br>
            <span class='label'>wi_pressure-low</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_rain"></i>
            </span>
            <br>
            <span class='label'>wi_rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_rainbow-clear"></i>
            </span>
            <br>
            <span class='label'>wi_rainbow-clear</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_rainbow"></i>
            </span>
            <br>
            <span class='label'>wi_rainbow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_raindrop-measure"></i>
            </span>
            <br>
            <span class='label'>wi_raindrop-measure</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_raindrop"></i>
            </span>
            <br>
            <span class='label'>wi_raindrop</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_raindrops"></i>
            </span>
            <br>
            <span class='label'>wi_raindrops</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_sleet"></i>
            </span>
            <br>
            <span class='label'>wi_sleet</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_smoke-particles"></i>
            </span>
            <br>
            <span class='label'>wi_smoke-particles</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_smoke"></i>
            </span>
            <br>
            <span class='label'>wi_smoke</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_snow"></i>
            </span>
            <br>
            <span class='label'>wi_snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_snowflake"></i>
            </span>
            <br>
            <span class='label'>wi_snowflake</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_snowman"></i>
            </span>
            <br>
            <span class='label'>wi_snowman</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_solar-eclipse"></i>
            </span>
            <br>
            <span class='label'>wi_solar-eclipse</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_star"></i>
            </span>
            <br>
            <span class='label'>wi_star</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_starry-night"></i>
            </span>
            <br>
            <span class='label'>wi_starry-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_sun-hot"></i>
            </span>
            <br>
            <span class='label'>wi_sun-hot</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_sunrise"></i>
            </span>
            <br>
            <span class='label'>wi_sunrise</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_sunset"></i>
            </span>
            <br>
            <span class='label'>wi_sunset</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-celsius"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-celsius</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-colder"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-colder</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-fahrenheit"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-fahrenheit</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-glass-celsius"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-glass-celsius</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-glass-fahrenheit"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-glass-fahrenheit</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-glass"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-glass</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-mercury-cold"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-mercury-cold</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-mercury"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-mercury</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-moon"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-moon</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-raindrop"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-raindrop</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-sun"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-sun</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-warmer"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-warmer</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer-water"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer-water</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thermometer"></i>
            </span>
            <br>
            <span class='label'>wi_thermometer</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-extreme-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-extreme-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-extreme-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-extreme-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-extreme"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-extreme</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-overcast-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-overcast-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-overcast-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-overcast-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-overcast"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-overcast</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-day"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-day</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-extreme-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-extreme-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-extreme-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-extreme-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-extreme"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-extreme</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-extreme-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-extreme-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-extreme-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-extreme-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-extreme"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-extreme</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-overcast-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-overcast-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-overcast-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-overcast-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-overcast"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-overcast</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-night"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-overcast-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-overcast-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-overcast-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-overcast-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-overcast"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-overcast</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-rain"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-rain</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms-snow"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_thunderstorms"></i>
            </span>
            <br>
            <span class='label'>wi_thunderstorms</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_tide-high"></i>
            </span>
            <br>
            <span class='label'>wi_tide-high</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_tide-low"></i>
            </span>
            <br>
            <span class='label'>wi_tide-low</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-afternoon"></i>
            </span>
            <br>
            <span class='label'>wi_time-afternoon</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-evening"></i>
            </span>
            <br>
            <span class='label'>wi_time-evening</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-late-afternoon"></i>
            </span>
            <br>
            <span class='label'>wi_time-late-afternoon</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-late-evening"></i>
            </span>
            <br>
            <span class='label'>wi_time-late-evening</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-late-morning"></i>
            </span>
            <br>
            <span class='label'>wi_time-late-morning</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-late-night"></i>
            </span>
            <br>
            <span class='label'>wi_time-late-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-morning"></i>
            </span>
            <br>
            <span class='label'>wi_time-morning</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_time-night"></i>
            </span>
            <br>
            <span class='label'>wi_time-night</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_tornado"></i>
            </span>
            <br>
            <span class='label'>wi_tornado</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_umbrella-wind-alt"></i>
            </span>
            <br>
            <span class='label'>wi_umbrella-wind-alt</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_umbrella-wind"></i>
            </span>
            <br>
            <span class='label'>wi_umbrella-wind</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_umbrella"></i>
            </span>
            <br>
            <span class='label'>wi_umbrella</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-1"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-1</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-10"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-10</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-11"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-11</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-2"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-2</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-3"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-3</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-4"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-4</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-5"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-5</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-6"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-6</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-7"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-7</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-8"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-8</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index-9"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index-9</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_uv-index"></i>
            </span>
            <br>
            <span class='label'>wi_uv-index</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-alert"></i>
            </span>
            <br>
            <span class='label'>wi_wind-alert</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-0"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-0</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-1"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-1</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-10"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-10</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-11"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-11</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-12"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-12</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-2"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-2</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-3"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-3</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-4"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-4</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-5"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-5</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-6"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-6</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-7"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-7</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-8"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-8</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-beaufort-9"></i>
            </span>
            <br>
            <span class='label'>wi_wind-beaufort-9</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-offshore"></i>
            </span>
            <br>
            <span class='label'>wi_wind-offshore</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-onshore"></i>
            </span>
            <br>
            <span class='label'>wi_wind-onshore</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind-snow"></i>
            </span>
            <br>
            <span class='label'>wi_wind-snow</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_wind"></i>
            </span>
            <br>
            <span class='label'>wi_wind</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_windsock-weak"></i>
            </span>
            <br>
            <span class='label'>wi_windsock-weak</span>
        </div>


        <div class="preview">
            <span class="inner">
                <i class="m m-wi_windsock"></i>
            </span>
            <br>
            <span class='label'>wi_windsock</span>
        </div>


</body>
</html>
